<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="yfBETA">
    <title>yfBeta</title>


    <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2278%22>yfBETA</text></svg>">
    <link rel="stylesheet" href="styles.css">

    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="theme-color" content="#ffffff">

</head>
<body>

<div class="nav-container">
    <a href="index.html">home</a>
    <a href="info.html">readme</a>
    <a href="https://uniswap.info/pair/0xed643618dd5194f243a8f23c7bd786a37a6dcf8b" target="_blank">uniswap</a>
    <a href="vaults.html">vaults</a>
    <a class="active" href="earn.html">earn</a>
</div>

<div class="logo-holder">
    <a href="index.html" class="logo"><img src="logo_opt.svg" /></a>
</div>

<div class="container">
    <div class="box">
        <h1>yfBETA - YFBEARN.EXE</h1>
        <div class="content">
            <hr>
            <div id="container-wallet-connect" class="text-red">
                <span id="wallet-connect-display">Active wallet not found</span>
                <button id="btn-wallet-connect">Connect wallet</button>
                <hr>
            </div>
            <div>
                <h4>Stake your LP tokens for rewards</h4>
                <table width="100%" id="eran-table">
                    <thead>
                    <tr>
                        <th></th>
                        <th nowrap width="10%">/farm</th>
                        <th nowrap width="10%">/deposit</th>
                        <th nowrap width="20%">/unstaked</th>
                        <th nowrap width="20%">/staked</th>
                        <th nowrap width="20%">/earn</th>
                        <th nowrap width="20%">/earned</th>
                    </tr>
                    </thead>
                    <tbody>

                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="3">
                                <div width="200px">
                                    <input type="number" min="0" width="200px" placeholder="0" value="" class="input--balance" id="input--amount">
                                    &nbsp;<a href="#" class="btn-max" data-type="deposit">max</a>
                                </div>
                            </td>
                            <td>
                                <button id="btn-deposit" class="btn">Stake</button>
                            </td>
                            <td>
                                <button id="btn-withdraw" class="btn">Unstake</button>
                            </td>
                            <td></td>
                            <td>
                                <button id="btn-profits" class="btn">Claim</button>
                            </td>
                        </tr>
                    </tfoot>

                </table>
            </div>
            <div id="log">
                <hr>
                <strong>log</strong>
                <div id="log-container" style="font-size:12px;">

                </div>
            </div>
            <hr>
            <a href="index.html">return to game</a>
        </div>
    </div>
</div>
<script
        src="https://code.jquery.com/jquery-3.5.1.min.js"
        integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
        crossorigin="anonymous"></script>
<script src="web3.min.js"></script>
<script src="abis.js"></script>
<script src="helper.js"></script>
<script src="earn.js"></script>

</body>
</html>
